<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title></title>
    <link href="/wenda/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/wenda/js/datepicker/datepicker.css" rel="stylesheet">
    <link href="/wenda/styles/wendaDetail.css" rel="stylesheet" type="text/css">


    <link href="/wenda/styles/invite_user.css" rel="stylesheet" type="text/css">
    <link href="/wenda/styles/mfw-footer.css" rel="stylesheet" type="text/css">
    <link href="/wenda/styles/mfw-toolbar.css" rel="stylesheet" type="text/css">

    <link href="/styles/base.css" rel="stylesheet" type="text/css">
    <link href="/styles/travelnotedetail.css" rel="stylesheet" type="text/css">s

    <script type="text/javascript" src="/js/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="/js/plugins/jquery-form/jquery.form.js"></script>
    <script type="text/javascript" src="/js/system/travelnotedetail.js"></script>
    <script type="text/javascript" src="/js/system/emoji.js"></script>
    <script type="text/javascript" src="/js/system/common.js"></script>


    <style>
        .vc_articleT img {
            width: 100%;
        }
    </style>

    <script>

        $(function () {

            //发表回复
            $("._j_submit_answer_btn").click(function () {

               $("#aid").val($("._j_submit_answer_btn").data("id"))


                $("#commentForm").ajaxSubmit(function (data) {
                    $("#content").val("");
                    $("#content").attr("placeholder", "");

                    $("#_j_reply_list").append(data);
                    window.location.reload()
                })
            });
            
            //跳转回答界面
            $("._j_btn_goanswer").click(function () {
                var id = $(this).data("id");

               window.location.href="/ask/input?id="+id;

            })




            //顶：点赞
            $("._js_zan").click(function () {

                var id = $(this).data("id");

                $.get("/ask/answerThumbup", {id: id}, function (data) {
                    if (data.success) {
                        popup("顶成功啦")//
                        setTimeout(function () {
                            window.location.reload()
                        },1000)
                    } else {
                        if (data.code == 102) {
                            popup(data.msg);
                        } else {
                            popup("今天你已经顶过了");
                        }
                    }
                });
            })

            //顶：点赞
            $(".collect").click(function () {

                var id = $(this).data("id");

                $.get("/ask/answerCollect", {id: id}, function (data) {
                    if (data.success) {
                        popup("收藏成功")//
                        setTimeout(function () {
                            window.location.reload()
                        },1000)
                    } else {
                        if (data.code == 102) {
                            popup(data.msg);
                        } else {
                            popup("已取消收藏");
                            setTimeout(function () {
                                window.location.reload()
                            },1000)
                        }
                    }
                });
            })
            $(".login").click(function () {
                window.location.href="/login.html";
            })

        })



    </script>


</head>

<body style="position: relative;">
<div class="topBar">
    <div class="topBar">
        <div class="topBarC">
            <div class="logo"><a title="马蜂窝自由行" href="javascript:;">马蜂窝自由行</a></div>
            <div class="t_nav">
                <ul id="pnl_nav" data-cs-t="headnav_wo">
                    <li data-cs-p="index">
                        <strong class="t"><a href="/">首页</a></strong>
                    </li>
                    <li data-cs-t="wenda" data-cs-p="wenda">
                        <strong class="t"><a data-cs-p="from_wo_nav" href="/ask">问答</a></strong>
                    </li>
                    <li data-cs-t="things" data-cs-p="things">
                        <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">马蜂窝周边</a></strong>
                    </li>
                    <li data-cs-p="together">
                        <strong class="t"><a href="javascript:;">结伴</a></strong>
                    </li>
                    <li data-cs-p="group">
                        <strong class="t"><a href="javascript:;">小组</a></strong>
                    </li>
                    <li data-cs-p="mall">
                        <strong class="t"><a href="javascript:;">蜂首俱乐部</a></strong>
                    </li>
                    <li class="drop" data-cs-p="other">
                        <strong class="t"><a href="javascript:;">更多<b></b></a></strong>
                    </li>
                </ul>
            </div>
            <div class="t_search">
                <form method="GET" action="/search/s.php" name="search">
                    <input type="text" class="key" value="" name="q" id="word">
                    <input type="submit" value="" class="btn">
                </form>
            </div>

            <div class="t_info">
                <div class="pagelet-block">
                    <ul class="user_info">
                        <li class="daka">
                      <span class="daka_btn" id="_j_dakabtn" data-japp="daka">
                        <a role="button" title="打卡" class="daka_before">打卡</a>
                        <a role="button" title="打卡推荐" class="daka_after">打卡推荐</a>
                      </span>
                        </li>
                        <li id="pnl_user_msg" data-hoverclass="on" class="msg _j_hoverclass">
                            <span id="oldmsg" class="oldmsg"><a href="javascript:;" class="infoItem">消息<b></b></a></span>
                            <ul id="head-msg-box" class="drop-bd">
                                <li><a href="javascript:;" rel="nofollow">私信</a></li>
                                <li><a href="javascript:;" rel="nofollow">小组消息</a></li>
                                <li><a href="javascript:;" rel="nofollow">系统通知</a></li>
                                <li><a href="javascript:;" rel="nofollow">问答消息</a></li>
                                <li><a href="javascript:;" rel="nofollow">回复消息</a></li>
                                <li><a href="javascript:;" rel="nofollow">喜欢与收藏</a></li>
                                <li><a href="javascript:;" rel="nofollow">好友动态</a></li>
                            </ul>
                        </li>
                        <li class="ub-item ub-new-msg" id="head-new-msg">
                        </li>
                        <li class="account _j_hoverclass" data-hoverclass="on" id="pnl_user_set">
                      <span class="t"><a class="infoItem" href="/mine/home"><img
                              src="${(user.headImgUrl)!}"
                              width="32" height="32" align="absmiddle"><b></b></a></span>
                            <div class="uSet c">
                                <div class="asset">
                                    <a class="coin" href="javascript:;" target="_blank" rel="nofollow">蜂蜜 0</a>
                                    /
                                    <a class="coin" href="javascript:;" target="_blank" id="head-my-honey" rel="nofollow"
                                       data-cs-p="coin">金币 579</a>
                                </div>
                                <a href="javascript:;">我的马蜂窝<b class="tb-level">LV.3</b></a>
                                <a href="javascript:;" target="_blank">写游记</a>
                                <a href="javascript:;" target="_blank">预约游记</a>
                                <a href="javascript:;" target="_blank">我的足迹</a>
                                <a href="javascript:;" target="_blank">我的问答</a>
                                <a href="javascript:;" target="_blank">我的好友</a>
                                <a href="javascript:;" target="_blank">我的收藏</a>
                                <a href="javascript:;" target="_blank">我的路线</a>
                                <a href="javascript:;" target="_blank">我的订单</a>
                                <a href="javascript:;" target="_blank">我的优惠券</a>
                                <a href="javascript:;" target="_blank">设置</a>
                                <a href="javascript:;">退出</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 问答页面侧边栏 -->
<div class="col-side" id="_js_right_side">



    <div style="margin-top:0px;margin-bottom: 20px;">
        <div id="pagelet-block-f052a22a0be861e607a41dc825d55159" class="pagelet-block" data-api=":qa:pagelet:ads"
             data-params="{&quot;mddid&quot;:187613,&quot;tags&quot;:[&quot;\u9152\u5e97&quot;,&quot;\u4e2d\u56fd&quot;,&quot;\u4f4f\u5bbf&quot;]}"
             data-async="1" data-controller=""></div>
    </div>

    <!-- 相关问题 -->
    <div id="qa_relation_question_pagelet" class="pagelet-block" data-api=":qa:pagelet:RelationQuestionApi"
         data-params="{&quot;qid&quot;:10232660}" data-async="1" data-controller="">
        <div class="related-qt">
            <div class="tit">相关问题</div>
            <ul class="bd">
                <li><a href="#" titile="你见过最美的雪景是在哪里？">你见过最美的雪景是在哪里？</a>
                    <span>10 回答</span></li>
                <li><a href="#" titile="你在旅途中邂逅过哪些绝美的山峰？">你在旅途中邂逅过哪些绝美的山峰？</a>
                    <span>21 回答</span></li>
                <li><a href="#" titile="穷人家的孩子不配旅游吗？">穷人家的孩子不配旅游吗？</a>
                    <span>385 回答</span></li>
                <li><a href="#"
                       titile="你如何看“因舆论压力，上海迪士尼同意台风天退票”？迪士尼还有啥霸王条款？">你如何看“因舆论压力，上海迪士尼同意台风天退票”？迪士尼还...</a>
                    <span>146 回答</span></li>
                <li><a href="#" titile="你会重复去一个旅行地吗？为什么？">你会重复去一个旅行地吗？为什么？</a>
                    <span>4123 回答</span></li>
            </ul>
        </div>
    </div>
</div>
</div>
</div>


<div class="wrapper">
    <div class="detail-wrap clearfix">
        <div class="col-main">
            <div class="q-detail">
                <div class="q-content">
                    <div class="q-title">
                        <a href="/wenda/area-10065.html" target="_blank" class="location"><i></i>${(ask.destId.name)!}
                        </a>
                        <h1>
                            <a href="#">${ask.title}</a>
                        </h1>
                    </div>
                    <div class="q-desc">
                    ${ask.content}
                    </div>
                    <div>
                        <#list ask.tagsList as tags>
                            <a class="a-tag _j_filter_click" href="javascript:;" target="_blank">${tags}</a>
                        </#list>
                    </div>
                    <div class="q-info1 clearfix">
                        <div class="q-tags fl">
                            <a class="a-tag" href="/wenda/area-10065.html" target="_blank">${(ask.destId.name)!}</a>
                        </div>
                        <div class="pub-bar fr">
                            <a href="#" width="50" height="50" class="mcmt-photo" target="_blank"> <img
                                    src="${ask.userId.headImgUrl}"
                                    width="16" height="16"></a>
                            <a class="name" href="#" target="_blank">${(ask.userId.nickname)!}</a>
                            <span class="reply">     Lv  :   ${(ask.userId.level)!}</span>
                        </div>
                    </div>
                    <br/>
                    <span class="reply">      回答 (${(vo.commentnum)!})</span>
                    <span class="browse">       浏览 (${(vo.browsenum)!})</span>
                    <span class="time">问题发布时间   :   <span>${ask.nowtime?string("yyyy-MM-dd")}</span></span>
                </div>
                <div class="q-operate clearfix">
                    <div class="fl">
                        <!-- 问题分享 -->
                        <div class="q-share cate-share">
                            <a class="_js_showShare"><i class="q-share-icon"></i>分享</a>
                            <div class="share-pop _j_share_pop hide clearfix" data-title="为什么说在北京通勤等于取经？上下班到底有多苦？"
                                 data-qid="18458675">
                                <a title="分享到新浪微博" class="sina _j_do_share" data-site="wb"></a>
                                <a title="分享到QQ空间" class="zone _j_do_share" data-site="qz"></a>
                                <a title="分享到微信" class="weixin _j_do_share_wx" data-site="wx"></a>
                            </div>
                        </div>
                        <!-- 邀请回答 -->
                        <div class="seek-help _j_tip_box">
                            <a class="_j_seek_help_new">邀请蜂蜂回答</a>
                        </div>
                        <!-- 举报 -->
                        <div class="admin_hide tip-off">
                            <a data-japp="report" data-refer="http://www.mafengwo.cn/wenda/detail-18458675.html"
                               data-refer-uid="43303516" data-app="qa.question" data-busi-id="qid:18458675">举报</a>
                        </div>
                    </div>
                    <div class="fr">
                        <span class="atten-num">${ask.browsenum}浏览</span>
                        <span class="atten-num"><span class="_j_same_num">${ask.collectnum}</span>人关注</span>

                        <a class="btn-atten _j_same_question " rel="nofollow" data-status="1"><span>关注</span></a>
                        <#if user ??>
                             <a class="btn-answer _j_btn_goanswer" rel="nofollow" data-id="${(ask.id)!}">回答</a>
                        <#else >
                         <a href="/login.html" class="btn-answer _j_btn_goanswer" rel="nofollow" data-id="${(ask.id)!}">登录即刻回答</a>
                        </#if>
                    </div>
                </div>
            </div>
            <div class="answer-wrap">
                <div class="hd">
                    <div></div>
                    <div style="display:none;"><span id="_j_anum">12</span>个回答</div>
                </div>
            <div class="_j_answer_btn">
            <#if answers??>






                <#list answers as a>
                  <div class="bd _j_pager_box">
                      <ul class="answer-list answer_detail">
                          <div>
                              <li>
                                  <div class="answer-side _js_answerAva">
                                      <!-- <a class="btn-ding _js_zan "><i></i><span data-real_num="3">3</span></a> -->
                                  </div>
                                  <div class="answer-content _js_answer_content">
                                      <div class="answer-info clearfix">
                                          <div class="user-bar fl">
                                              <a class="_j_filter_click avatar" href="javascript:;" target="_blank"><img
                                                      src="${(a.user.headImgUrl)!}"
                                                      width="60" height="60" class="photo"></a>
                                              <a class="name" href="javascript:;" target="_blank">${a.user.nickname}</a>
                                              <a class="level" href="javascript:;" target="_blank"
                                                 rel="nofollow">LV.${a.user.level}</a>

                                          </div>
                                          <#if (a.gold == 1)>
                                          <ul class="answer-medal fr">
                                              <li class="gold">
                                                  <div class="btn"><i></i><a href="javascript:;"
                                                                             target="_blank">金牌回答</a>
                                                  </div>
                                              </li>
                                          </ul>
                                          </#if>
                                      </div>
                                      <!-- 回答内容 -->
                                      <div class="_j_short_answer_item hide" style="display: block;">
                                          <h2>${(a.title)!}</h2>
                                          <br/>
                                          ${(a.content.content)!}
                                      </div>
                                  </div>
                                  <br/>
                                  <span class="zan"><a class="btn-ding _js_zan" data-id="${a.id}">赞 (${(a.vo.topunm)!})</a></span>
                                  <span class="browse"><a class="collect" data-id="${a.id}">收藏(${(a.vo.collectnum)!})</a></span>
                                  <span class="time"> 回答时间:<span>${a.nowTime?string("yyyy-MM-dd")} </span></span>
                              </li>
                          </div>
                      </ul>
                  </div>

                <div class="mfw-cmt-wrap" id="_j_reply_list">
                    <!--评论-->
                <#if a.comments??>
                <#list a.comments as c>
                    <div class="mfw-cmt _j_reply_item">
                        <div class="mcmt-info">
                            <div class="mcmt-photo">
                                <a href="javascript:;" target="_blank">
                                    <img src="${c.itselfHeadImgUrl!}"
                                         width="48" height="48" alt="">
                                </a>
                            </div>
                            <div class="mcmt-user">
                                <a href="javascript:;" target="_blank" class="name">${c.itselfNickname!}</a>
                                <a href="javascript:;" class="level">LV.${c.level!}</a>
                                <a href="javascript:;" class="identity identity-guide" target="_blank"></a>

                            </div>
                            <div class="mcmt-other">
                                <span class="floor">${c_index +1}F</span>
                            </div>
                        </div>
                        <div class="mcmt-con-wrap clearfix">
                            <div class="mcmt-con">
                                <div class="mcmt-quote">
                                    <p>${c.itselfNickname}
                                        评论了${c.nickname}发表于 ${(c.createTime?string('yyyy-MM-dd HH:ss'))!} 的回答：</p>
                                    <p class="_j_reply_content">${c.content!}</p>
                                </div>
                                <div class="mcmt-word">
                                    <p class="_j_reply_content"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </#list>
                </#if>
                </div>

                    <#if user?? >
                      <div class="bd _j_pager_box">
                          <div class="aa-hd">
                              <a class="aa-avatar" href="#">
                                  <img src="${user.headImgUrl}" width="30" height="30" class="mcmt-photo"></a>
                              <a class="aa-name">${user.nickname}</a>
                          </div>
                          <div class="editor-outer _j_editorOuter _js_editorWrap _js_forFixTitle">
                              <form action="/ask/answer/commentAdd" method="post" id="commentForm">
                                  <input type="hidden" name="askId" value="${ask.id!}">
                                  <input type="hidden" id="aid" name="aid"  >
                                  <input type="hidden" name="userId" value="${a.user.id!}">
                                  <input type="hidden" name="nickname" value="${a.user.nickname!}">
                                  <input type="hidden" name="headImgUrl" value="${a.user.headImgUrl!}">
                                  <input type="hidden" name="level" value="${a.user.level!}">
                                  <textarea class="_j_replyarea" name="content" cols="30" rows="10"
                                            id="content"
                                            placeholder=""></textarea>
                              </form>
                          </div>
                          <div class="aa-ft">
                              <a class="btn-comment _j_submit_answer_btn"  data-id="${a.id!}">立即回复</a>
                          </div>
                      </div>
                    <#else >
                    <div class="editor-outer _j_editorOuter _js_editorWrap _js_forFixTitle">
                        <textarea></textarea>
                    </div>
                    <div class="aa-ft">
                        <a  class="btn-comment login" title="请先登录">登录即刻回复!</a>
                    </div>
                  </div>
                    </#if>
                </#list>









            </#if>




























            </div>
        </div>
    </div>
    <div class="col-side"></div>
</div>
</div>
</body>


</html>